* {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
    resize: none;
    outline: none;
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", Verdana, Arial, '微软雅黑', '宋体';
    white-space: word-break !important;
}


.yd {
    display: none !important;
}

@media (max-width: 770px) {


    .container,
    .container-fluid,
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm {
        --bs-gutter-x: 0.6rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
    }

    .row {
        --bs-gutter-x: 0.6rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-0.5 * var(--bs-gutter-x));
        margin-left: calc(-0.5 * var(--bs-gutter-x));
    }

    .row>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-top: var(--bs-gutter-y);
    }

    .pc {
        display: none !important;
    }

    .yd {
        display: inline !important;
    }

    .m-h {
        display: none;
    }

    hr {
        margin: 5px;
    }

    .list-group-item,
    .card-body,
    .card-header,
    .nav-link,
    .item-p-link,
    .card-body {
        --bs-gutter-x: 1rem;
        padding: calc(var(--bs-gutter-x) * 0.5);
    }

    .item-p-link {
        --bs-gutter-x: 1rem;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .list-group-item {
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }


    .row>[class*="col-"] {
        --bs-gutter-x: 0.6rem;
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .row>[class*="col-"]:first-child {
        --bs-gutter-x: 0.6rem !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }

    .row>[class*="col-"]:last-child {
        --bs-gutter-x: 0.6rem !important;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
    }

}


.btn-group-sm>.ssm,
.ssm {
    height: 19px;
    --bs-btn-padding-y: 0.01rem !important;
    --bs-btn-padding-x: 0.2rem !important;
    --bs-btn-font-size: 0.700rem !important;
}

.flex-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.row>[class*="col-"] {
    --bs-gutter-x: 1.5rem;
    padding-right: calc(var(--bs-gutter-x) * 0.25);
    padding-left: calc(var(--bs-gutter-x) * 0.25);
}

.row>[class*="col-"]:first-child {
    --bs-gutter-x: 1.5rem;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.row>[class*="col-"]:last-child {
    --bs-gutter-x: 1.5rem;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
}

body,
#app,
html {
    height: 100%;
}

a {
    text-decoration: none !important;
}

.b-b-1 {
    border-bottom: 1px solid #eaeaea;
}

.synopsis {
    color: rgb(95, 90, 90);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.author-name {
    color: #0d6efd;
}